<script setup>
import { createApp } from 'vue';
import { Tabbar, TabbarItem } from 'vant';

const app = createApp();
app.use(Tabbar);
app.use(TabbarItem);
import { ref } from 'vue';
const active = ref(0);
</script>

<template>
    <router-view></router-view>
    <van-tabbar v-model="active">
        <van-tabbar-item icon="home-o" :to="{ name: 'home' }">首页</van-tabbar-item>
        <van-tabbar-item icon="list-switch" :to="{ name: 'list' }">列表</van-tabbar-item>
        <van-tabbar-item icon="cart-o" :to="{ name: 'cart' }">购物车</van-tabbar-item>
        <van-tabbar-item icon="friends-o" :to="{ name: 'user' }">我的</van-tabbar-item>
    </van-tabbar>
</template>
<style scoped></style>
